// login中的js交互代码

// 按需显示-登陆和注册的盒子

// 去注册
$('#goto-register').on('click', () => {
  $('#register').stop().show()
})
// 去登陆
$('#goto-login').on('click', () => {
  $('#register').stop().hide()
})

// 注册按钮点击
$('#register .layui-form').on('submit', (e) => {
  // 1. 阻止默认提交行为
  e.preventDefault()

  // 2. 获取表单数据
  const data = {
    username: $('#register input[name=username]').val(),
    password: $('#register input[name=password]').val(),
  }

  const dataStr = handleDataFormatForReq(data)

  postReguser(dataStr, (res) => {
    // 4. 处理响应res
    // const { status, message } = res.data
    $('#register').stop().hide()
  })
})

// 登录按钮点击
$('#login .layui-form').on('submit', (e) => {
  // 1. 阻止默认提交行为
  e.preventDefault()
  // 2. 获取表单数据
  const data = {
    username: $('#login input[name=username]').val(),
    password: $('#login input[name=password]').val(),
  }
  const dataStr = handleDataFormatForReq(data)

  postLogin(dataStr, (res) => {
    const { token } = res.data
    // console.log(token)
    // token和正确的用户是绑定的关系=> 1对1 => 保存起来

    // let token = token
    // 在不同的页面都可以使用的数据 => 数据存储 => localStorage
    // setItem('key名',要保存的数据)
    // 数据持久化=>localStorage=> 将保存的数据 存到浏览器里的某个位置F12->Application->localStorage
    // 特点: 永久存储(网页关掉 再打开 还有这个数据)
    //  只是存起来 => 将来其他页面里(比如index.html的index.js)面会使用=>
    window.localStorage.setItem('token', token)

    // const { status, message } = res.data
    //   去首页
    window.location.href = '/index.html'
  })
})
